import ReactDom from "react-dom";

import "antd/dist/antd.min.css";

// 1 引入
import React, { useEffect, useState } from "react";

function App() {
  const [count, setCount] = useState(0);

  // 1. [] 代表挂载时，只执行一次
  // useEffect(() => {
  //   console.log('我被执行了  ----->  ');
  // }, []);

  // 2. [依赖项]  代表：挂载时和更新时二合一，相当于componentDidMount和componentDidUpdate二合一
  useEffect(() => {
    console.log("我被执行了  ----->  ");
  }, [count]); // [依赖项] 🔔 类似vue中的侦听器，开了immediately

  return (
    <div>
      count -- {count}
      <button onClick={() => setCount(count + 1)}>点我修改title</button>
    </div>
  );
}

ReactDom.render(<App />, document.querySelector("#root"));
